.linkbtn {
    word-break: break-all;
    white-space: normal;
    word-wrap: break-word;
    padding: 0;
    text-align: left;
    line-height: inherit;
    height: auto;
}
.workOverview {
    p {
        margin: 0;
        padding: 0;
    }
    color: rgba(0, 0, 0, 0.85);
    .staTitle {
        font-weight: 600;
        margin-bottom: 16px;
    }
    .subStaTitle {
        position: relative;
        padding-left: 12px;
        &::before {
            content: '';
            display: block;
            width: 3px;
            height: 12px;
            background-color: #ffa808;
            position: absolute;
            z-index: 10;
            left: 0;
            top: 5px;
        }
    }
    .colName {
        font-weight: 400;
        color: rgba(0, 0, 0, 0.45);
    }
    .staBox {
        text-align: center;
        p:first-child {
            font-size: 24px;
            font-weight: 500;
            height: 36px;
            line-height: 36px;
        }
        .num {
            font-weight: 600;
        }
        .text {
            margin-top: 2px;
            font-weight: 400;
            color: rgba(38, 38, 38, 0.45);
        }
        .unit {
            font-weight: 400;
            color: rgba(0, 0, 0, 0.45);
            font-size: 14px;
        }
    }
}

.taskInfoDrawer {
    .header {
        background: rgba(0, 0, 0, 0.03);
        padding: 24px;
        margin-bottom: 16px;
    }
    .taskColName {
        text-align: right;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.45);
    }

    :global {
        .ant-drawer-body {
            padding: 0;
        }
    }
}
@media screen and (max-width: 1200px) {
    .taskList {
        margin-top: 16px;
    }
}
